<template>
	<view class="content-header">
		<view class="info">
			<view class="info-bai"></view>
			<view class="baise flex-column">
				<view class="info-wc">已完成</view>
				<view class="info-gx">感谢您的支持，欢迎下次再来!</view>
			</view>
		</view>
		<view class="info-centx">
			<view class="info-centx-t"></view>
			<view class="info-centx-z flex-column">
				<view class="flex-row flex-content-between info-centx-z-l">
					<view class="flex-row">
						<image class="info-centx-z-img" src="../../static/index/lzj.png" mode="widthFix"></image>
						<view class="flex-column info-centx-z-txt">
							<view>辣子鸡</view>
							<view>x1</view>
						</view>
					</view>
					<view class="info-centx-z-txt1">￥49.28</view>
				</view>
				<view class="flex-row flex-content-between info-centx-z-l">
					<view class="flex-row">
						<image class="info-centx-z-img" src="../../static/index/gbjd.png" mode="widthFix"></image>
						<view class="flex-column info-centx-z-txt">
							<view>辣子鸡</view>
							<view>x1</view>
						</view>
					</view>
					<view class="info-centx-z-txt1">￥49.28</view>
				</view>
				<view class="info-centx-zong">
					<view class="flex-row flex-content-between">
						<view class="info-centx-zong-text1">商品总价</view>
						<view class="info-centx-zong-text2"> ￥137.56</view>
					</view>
				</view>
				<view class="info-centx-heji flex-row flex-content-end">
					<view>共2件商品，合计:</view>
					<view> ￥137.56</view>
				</view>
			</view>
		</view>
		<view class="info-order">
			<view class="info-order-op">
				<view class="info-order-op1 flex-column">
					<view class="info-order-text1">订单信息</view>
				</view>
				<view class="flex-column info-order-header">
					<view class="info-order-text">下单时间：2022-08-11 19:12:17</view>
					<view class="info-order-header-txt">订单类型：堂食</view>
					<view class="info-order-header-txt">取餐号：166</view>
					<view class="info-order-header-txt">订单编号：162255446851895276956</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		}
	}
</script>

<style lang="scss">
	.info-order-header-txt{
		font-size: 28rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #666666;
		margin-top: 25rpx;
	}
	.info-order-header{
		margin-left: 20rpx;
	}
	.info-order-text{
		font-size: 28rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #666666;
		margin-top: 50rpx;
	}
	.info-order-text1{
		margin-top: 30rpx;
		font-size: 30rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #333333;
	}
	.info-order-op{
		width: 690rpx;
		height: 526rpx;
		background-color: #FFFFFF;
		margin-top: 20rpx;
	}
	.info-order-op1{
		margin-left: 20rpx;
		height: 92rpx;
		border: 2rpx solid #F4F4F4;
		width: 650rpx;
	}
	.info-order{
		margin-left: 30rpx;
		margin-right: 30rpx;
	}
	.info-centx-heji{
		margin-right: 20rpx;
		line-height: 104rpx;
		>view:nth-child(1){
			font-size: 26rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;
		}
		>view:nth-child(2){
			font-size: 32rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: #333333;
		}
	}
	.info-centx-zong-text1{
		font-size: 30rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		line-height: 102rpx;
	}
	.info-centx-zong-text2{
		font-size: 28rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #333333;
		line-height: 102rpx;
	}
	.info-centx-zong{
		width: 650rpx;
		border-top: 2rpx solid #F4F4F4;
		border-bottom: 2rpx solid #F4F4F4;
		margin-left: 20rpx;
		height: 102rpx;
	}
	.info-centx-z-l{
		margin-left: 20rpx;
		margin-right: 20rpx;
		margin-bottom: 50rpx;
	}
	.info-centx-z-txt{
		margin-left: 20rpx;
		>view:nth-child(1){
			font-size: 30rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: #333333;
		}
		>view:nth-child(2){
			font-size: 28rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
			margin-top: 24rpx;
		}
	}
	.info-centx-z-txt1{
		font-size: 28rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #333333;
	}
	.info-centx-z-img{
		width: 108rpx;
	}
	.info-centx{
		margin-left: 30rpx;
		margin-right: 30rpx;
	}
	.info-centx-z{
		width: 690rpx;
		height: 526rpx;
		background-color: #FFFFFF;
		padding-top: 32rpx;
		padding-bottom: 30rpx;
	}
	.info-centx-t{
		width: 100%;
		height: 20rpx;
		// background-color: #FF7336;
		margin-top: 146rpx;
	}
	.info-gx{
		font-size: 28rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		margin-top: 30rpx;
		text-align: center;
	}
	.info-wc{
		font-size: 48rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #333333;
		margin-top: 40rpx;
		text-align: center;
	}
	.baise{
		width: 690rpx;
		height: 232rpx;
		background-color: #FFFFFF;
		margin-left: 30rpx;
	}
	.info{
		width: 100%;
		height: 144rpx;
		background-color: $default-button-color;
	}
	.info-bai{
		width: 100%;
		height: 54rpx;
	}
</style>